﻿<!DOCTYPE html>
<html>
    <head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
        <title>陈老师保重</title>
        <link href="css/bootstrap.min.css" rel="stylesheet">
        <link rel="stylesheet" href="style.css" media="screen" />
        <link href='http://www.youziku.com/webfont/CSS/d7907cec2de0fa384c046f24c27bc7af' rel='stylesheet' type='text/css'/>
        <link href='http://www.youziku.com/webfont/CSS/491e74297e73c4c41e5d455e232385f8' rel='stylesheet' type='text/css'/>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-alpha1/jquery.min.js"></script>
        <script src="js/isotope.pkgd.min.js"></script>
        <!-- // <script src="js/background-blur.min.js"></script> -->
        <!-- // <script src="js/neatshow.min.js"></script> -->
        <script type="text/javascript" src="http://www.youziku.com/webfont/FastJS/5b28e916cd7a44e093da2019b915cc59.js"></script>

	<style>
		body { width: 100%; }
		.item { width: 320px; max-width: 100%; overflow: hidden; padding: 5px; }
		.item.intro { width: 100%; padding: 10px; }
		.item.quote p { text-align: right; }
		.item.vine { width: 320px; }
		.item.instagram { width: 320px; }
		#filters p { text-align: center; font-weight: bold; }
		#filters span { border: 1px solid #000; padding: 3px; }
	</style>
    </head>
    <body>
        	<div class="full-hero">
        	    <div class="column center" style="background-image: url('http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/emoji/work1.jpg');" id="bgi"  >
                <!--  -->
        	        <p> <h1 style="font-family:GJJZhongQian-M16S416659;">陈斯国老师保重</h1> </p>
        	    </div>
        	</div>
	<div id="container">
		<div class="item intro" style="font-family:ruibo419438; font-size:28px;">
			<div style="float: right; width: 200px; text-align: center;"><a id="top"></a>
				<img src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/emoji/profile.jpg" />
            </div>
		<p>Together, we're saying a very fond farewell to Mr Chen. 感谢我们的辅导员陈老师一年来的细致工作，希望不管走到哪里都记得让自己“魂牵梦绕”的上科大。</p>
            	<p>因为同学们分散在各个实验室，都很忙，陈老师自己在工作交接之际也没时间跟大家作更多的道别，所以在这里搜集大家的祝福。“世界很大，生活很小，未来说不定还会有再相见的时候。”</p>
            	

		</div>
        <div class="youzi1">
        <div class="item read quote">
            <blockquote> We will always keep you in mind.（∩__∩）</blockquote><p>——沛然</p>
        </div>       
		<div class="item read quote">
			<blockquote>陈老师，我费尽心机在406自习室建立了统治地位，霸占着那里的网速。唯一不爽的是因为离你办公室比较近，不但经常被拉去做壮丁，“满心欢快”地布置会场，而且要接受你的监督，做不该做的事情时总有些忌惮，担心你悄无声息的出现在背后对我傻笑。^_^</blockquote><p>——<a href="http://www.emonitor.me/ErikXiong.html">熊昭平</a></p>
		</div>
		<div class="item watch">
			<img src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/emoji/bg.jpg" style="width: 100%; height: auto;"/>
		</div>
		<div class="item read quote">
			<blockquote>浮云一别后，流水十年间。我虽然不是上科大的学生，但在406自习时，每次经过办公室门口都能看到陈老师瘦削但跟我一样干练的背影，一种莫名的感动总油然而生。(╯▽╰)</blockquote><p>——钟涛</p>
		</div>
		<div class="item read quote">
			<blockquote>感覺自己當時覺悟不夠高，總會麻煩死人不償命地發文件給陳老師幫忙打印，陳老師苦笑過後從不拒絕。</blockquote><p>——何东明</p>
		</div>
        <div class="item read quote">
            <blockquote>覺得最有愛的是在廁所尿尿的時候經常遇上陳老師，然後問我最近過得怎樣？（廣東人在上海不好混嗎？）</blockquote><p>——陈德俊</p>
        </div>
        <div class="item read quote">
            <blockquote>All the best in the future!</blockquote><p>——沈蓉</p>
        </div>
        <div class="item watch">
            <img src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/emoji/f1.jpg" style="width: 100%; height: auto;"/>
        </div>
		<div class="item read quote">
			<blockquote>舍不得啊，陈老师</blockquote><p>——刘婷婷</p>
		</div>
		<div class="item read quote">
			<blockquote>想当年，我相信上科大，决定来上科大，很大一部分原因是，觉得陈老师是个很有素养，很优秀，很专业的人。有这么优秀的老师的学校肯定不会差。</blockquote><p>——肖紫佩</p>
		</div>
		<div class="item read quote">
			<blockquote>今天心情真是跌倒谷底了…陈老师这么有责任心，到哪里都能有好的发展的，祝陈老师一帆风顺!</blockquote><p>——孙璟莹</p>
		</div>
        <div class="item watch">
            <img src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/emoji/f2.jpg" style="width: 100%; height: auto;"/>
        </div>
		<div class="item read quote">
			<blockquote>感谢陈老师一年来的帮助和陪伴，各种舍不得，祝越来越好</blockquote><p>——蒲梦璠</p>
		</div>

		<div class="item read quote">
			<blockquote>只愿陈老师越来越好，棒棒哒～</blockquote><p>——黄刚刚</p>
		</div>
		<div class="item read quote">
			<blockquote>陈老师，我们会想你的!一切顺利!</blockquote><p>——卢婷</p>
		</div>
		<div class="item read quote">
			<blockquote>刚听说，真的很震惊，也祝陈老师未来工作生活更加顺利美好</blockquote><p>——马广辉</p>
		</div>
		<div class="item read quote">
			<blockquote>祝陈老师以后的生活顺顺利利！好舍不得你走</blockquote><p>——刘姣姣</p>
		</div>
		<div class="item read quote">
			<blockquote>是各种舍不得啊！陈老师以后一定要万事如意，一切顺利啊！</blockquote><p>——凡周</p>
		</div>
		<div class="item read quote">
			<blockquote>陈老师谢谢你！加油！</blockquote><p>——陈芳艳</p>
		</div>
        <div class="item read quote">
            <blockquote>上帝赐福！！快乐，健康；家庭和睦，事业顺利。对啦，还要感谢陈老师！</blockquote><p>——陈玉鑫</p>
        </div>        

        <div class="item watch vine">
            <video width="320" height="180" autoplay loop muted>
              <source src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/gif/pei.mp4" type="video/mp4">
            Your browser does not support the video tag.
            </video>
        </div>

		<div class="item watch vine">
            <video width="320" height="180" autoplay loop muted>
              <source src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/gif/kang.mp4" type="video/mp4">
            Your browser does not support the video tag.
            </video>
		</div>

        <div class="item watch vine">
            <video width="320" height="180" autoplay loop>
              <source src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/gif/kang2.mp4" type="video/mp4">
            Your browser does not support the video tag.
            </video>
        </div>
<!--         <div class="item watch vine">
            <video width="320" height="240" autoplay loop>
              <source src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/gif/xiong.mp4" type="video/mp4">
            Your browser does not support the video tag.
            </video>
        </div> -->
        <div class="item watch vine">
            <video width="320" height="180" autoplay loop muted>
              <source src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/gif/qiu.mp4" type="video/mp4">
            Your browser does not support the video tag.
            </video>
        </div>
        <div class="item watch vine">
            <video width="320" height="180" autoplay loop muted>
              <source src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/gif/ting.mp4" type="video/mp4">
            Your browser does not support the video tag.
            </video>
        </div>
        <div class="item watch vine">
            <video width="320" height="180" autoplay loop muted>
              <source src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/gif/zhi.mp4" type="video/mp4">
            Your browser does not support the video tag.
            </video>
        </div>
        <div class="item watch vine">
            <video width="320" height="180" autoplay loop muted>
              <source src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/gif/ma.mp4" type="video/mp4">
            Your browser does not support the video tag.
            </video>
        </div>
        <div class="item watch vine">
            <video width="320" height="180" autoplay loop>
              <source src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/gif/niu.mp4" type="video/mp4">
            Your browser does not support the video tag.
            </video>
        </div>
        <div class="item watch vine">
            <video width="320" height="180" autoplay loop muted>
              <source src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/gif/ren.mp4" type="video/mp4">
            Your browser does not support the video tag.
            </video>
        </div>
        <div class="item watch vine">
            <video width="320" height="180" autoplay loop muted>
              <source src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/gif/san.mp4" type="video/mp4">
            Your browser does not support the video tag.
            </video>
        </div>
        <div class="item watch vine">
            <video width="320" height="180" autoplay loop muted>
              <source src="http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/gif/shi.mp4" type="video/mp4">
            Your browser does not support the video tag.
            </video>
        </div>
        </div>		
	</div>
    <script src="js/bootstrap.min.js"></script>
	<script>
	    $(function(){
      
      var $container = $('#container');
      
      $container.isotope({
        itemSelector: '.item',
            masonry: {
      		columnWidth: 320
    	    }
      });

	// filter items when filter link is clicked
	$('#filters a').click(function(){
	  var selector = $(this).attr('data-filter');
	  $container.isotope({ filter: selector });
	  return false;
	});
    });

    // $('#bgi').backgroundBlur({
    //     imageURL : 'http://jiecaogc.oss-cn-hangzhou.aliyuncs.com/emoji/work1.jpg',
    //     blurAmount : 0,
    //     imageClass : 'bg-blur',
    //     duration: 5000, // If the image needs to be faded in, how long that should take
    //     endOpacity : 0 // Specify the final opacity that the image will have
    // });
    // $('img').neatShow({speed: 'random', minSpeed: 14000, maxSpeed: 15000});
    </script>
    </body>
    <script  type="text/javascript">
    $youziku.load(".youzi1", "5b28e916cd7a44e093da2019b915cc59", "minijianyingbikaishu");
    /*[$youziku.load("#id2", "5b28e916cd7a44e093da2019b915cc59", "minijianyingbikaishu");]*/
    // [$youziku.load(".class1", "5b28e916cd7a44e093da2019b915cc59", "minijianyingbikaishu");]
    /*[$youziku.load(".class1", "5b28e916cd7a44e093da2019b915cc59", "minijianyingbikaishu");]*/
    /*[．．．]*/
    $youziku.draw();
    </script>
</html>
